<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" 
           %><%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"
           %><%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"
           %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>
<%@ page contentType="text/html;charset=ISO-8859-1"
         %><html:html>
    <head>
        <title>Soporte T&eacute;cnico</title>
        <html:base/>
        <%@include file="../header/include.jsp" %>
    </head>
    <body>

        <div id="header"  class="ui-widget-header ui-corner-all">
            <h1><bean:message key="all.title"/></h1>
            <div id="menu">
                <%--    <ul id="nav">
                        <li><html:link action="/APreEditarContacto.do" paramId="idContacto" paramName="Contacto" paramProperty="idContacto"><bean:message key="VContacto.label0"/></html:link></li>
                        <li><html:link action="/APreEliminarContacto.do" paramId="idContacto" paramName="Contacto" paramProperty="idContacto"><bean:message key="VContacto.label1"/></html:link></li>
                        <li><html:link action="/APreContactos.do">Contactos</html:link></li>
                        <li><html:link action="/AClienteContacto.do" paramId="idContacto" paramName="Contacto" paramProperty="idContacto">Convertir a Cliente</html:link></li>


                </ul>
                --%></div>
        </div>
        <div id="body_wrapper">
            <div id="body">
                <div id="split">
                    <div class="top"></div>
                    <div id="left">
                        <div id="content">
                            <div class="ui-widget-header ui-corner-top "> <h1> Soporte T&eacute;cnico, ${SoporteTecnico.nombre} </h1></div>
                            <script type="text/javascript">
                                $(function() {
                                    $("#tabs").tabs();
                                });
                            </script>
                            <div  class="ui-widget-content ui-widget">
                                <div id="tabs">
                                    <ul>
                                        <li><a href="#tabs-1">Datos Generales</a></li>
                                    </ul>
                                    <script>
                                        function prueba() {
                                            $.ajax({
                                                url: '<html:rewrite action="APreAgregarPreguntasSoporteTecnico"/>',
                                                data: 'idSoporteTecnico=<bean:write name="SoporteTecnico" property="idSoporteTecnico"/>',
                                                success: function(html) {
                                                    $("#nuevaPregunta").html(html);
                                                }
                                            });
                                        }

                                        function editar(id) {
                                            $.ajax({
                                                url: '<html:rewrite action="APreAgregarPreguntasSoporteTecnico"/>',
                                                data: 'idSoporteTecnico=<bean:write name="SoporteTecnico" property="idSoporteTecnico"/>&idPregunta='+id+'',
                                                success: function(html) {
                                                    $("#nuevaPregunta").html(html);
                                                }
                                            });
                                        }
                            

                                    </script>

                                    <div id="tabs-1">
                                        <div style="float: right;margin: 1% 1% 1% 1%; clear: left;">
                                            <ul class="sf_admin_td_actions fg-buttonset fg-buttonset-single">
                                                <cohesion:actor actors="5"><li class="sf_admin_action_usuario"><html:link action="/APreEditarSoporteTecnico.do" paramId="idSoporteTecnico" paramName="SoporteTecnico" paramProperty="idSoporteTecnico" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-pencil"></span>Editar</html:link></li></cohesion:actor>
                                                
                                                <cohesion:actor actors="5"><li class="sf_admin_action_usuario"><html:link action="/APreSoportesTecnico.do" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span>Regresar a la Lista</html:link></li></cohesion:actor>

                                                <cohesion:actor actors="5"><li class="sf_admin_action_usuario"><a href="" onclick="prueba();return false;" class="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-person"></span>Agregar Preguntas</a></li></cohesion:actor>
                                            </ul>
                                        </div>


                                        <div class="show ui-grid-table ui-widget ui-corner-all ui-helper-reset ui-helper-clearfix">


                                            <table>
                                                  <tr>
                                                      <th class="atributos ui-state-default ui-th-column" colspan="2" style="text-align: center;"> Datos</th>

                                                </tr>
                                                <tr>
                                                    <th class="atributos ui-state-default ui-th-column"> Nombre </th>
                                                    <th class="valor sf_admin_row ui-widget-content"> ${SoporteTecnico.nombre} </th>
                                                </tr>
                                            </table>
                                        </div>
                                                
                                        <div id="preguntas">
                                            <div class="list ui-grid-table ui-widget ui-corner-all ui-helper-reset ui-helper-clearfix"><br><br>
                                                <display:table name="L_Preguntas" requestURI="/APreSoporteTecnico.do" pagesize="10"  class="display-tag" htmlId="display-tag" id="pregunta">

                                                    <display:column property="preguntaRespuesta" title="Pregunta o Respuesta" sortable="true"/>
                                                    <display:column title="Es Pregunta" sortable="true" >
                                                        ${pregunta.esPregunta ? "si" : "no"}
                                                    </display:column>
                                                    <display:column title="Acciones" >

                                                        <ul class="sf_admin_td_actions fg-buttonset fg-buttonset-single">
                                                            <li class="sf_admin_action_show"><html:link action="/APrePregunta.do" paramId="idPregunta" paramName="pregunta" paramProperty="idPreguntasRespuestas" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-document"></span>Mostrar</html:link></li>
                                                            <li class="sf_admin_action_edit"><a href="" onclick="editar(<bean:write name="pregunta" property="idPreguntasRespuestas"/>);return false;" class="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-pencil"></span>Editar</a></li>
                                                            
                                                        </ul>

                                                    </display:column>

                                                </display:table>
                                                <script>
                                                    $(document).ready(function() {

                                                        $('table.display-tag thead').addClass('ui-widget-header');
                                                        $('table.display-tag thead tr th').addClass('ui-state-default ui-th-column');
                                                        $('table.display-tag tbody tr').addClass('sf_admin_row ui-widget-content odd');
                                                    });
                                                </script>
                                            </div>
                                        </div>
                                                <br><br>
                                        <div id="nuevaPregunta"></div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="right">
                        <%@include file="../administrador/VMenuAdmin.jsp" %>
                    </div>
                    <div class="clearer ui-helper-clearfix"></div>
                    <div class="bottom"></div>
                </div>
                <div class="clearer"></div>
            </div>
            <div class="clearer"></div>
        </div>
        <div id="end_body"></div>
        <div id="footer"> <%@include file="/footer/include.jsp" %> </div>
    </body>
</html:html>